"use client";

import styles from "./banner.module.scss";
import Image from "next/image";
import MyCarousel from "../myCarousel/myCarousel";
interface BannerProps {
  src: string;
  alt: string;
  className?: string;
  width?: number;
  height?: number;
}

const bannerData = [
  {
    src: "/assets/images/[🐱].gif",
    alt: "一只被夹脸的猫",
    width: 500,
    height: 500,
  },
  {
    src: "/assets/images/！！.jpg",
    alt: "！！",
    width: 500,
    height: 500,
  },
];

export function Banner() {
  return (
    <div className={styles.banner}>
      <MyCarousel bannerData={bannerData}></MyCarousel>
    </div>
  );
}
